<template>
  <div>
    <div class="itemDetail">
      <ui class="top">
        <li><img src="../../assets/imges/块4.png" alt="" /></li>
        <li><img src="../../assets/imges/块5.png" alt="" /></li>
        <li><img src="../../assets/imges/块6.png" alt="" /></li>
      </ui>
    </div>
    <div class="itemDetail1">
      <ui class="bottom">
        <li>
          <img src="../../assets/imges/块1.png" alt="" />
        </li>
        <li>
          <img src="../../assets/imges/块2.png" alt="" />
        </li>
        <li>
          <img src="../../assets/imges/块3.png" alt="" />
        </li>
      </ui>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {},
  activated: {},
  deactivated: {},
}
</script>
<style scoped>
.itemDetail {
  text-align: center;
  position: absolute;
  left: 300px;
  top: 360px;
}
.itemDetail1 {
  text-align: center;
  position: absolute;
  left: 300px;
  top: 660px;
  margin-top: 40px;
}
.top li {
  list-style: none;
  float: left;
  margin-left: 80px;
  cursor: pointer;
  text-decoration: none;
}
.bottom li {
  list-style: none;
  float: left;
  cursor: pointer;
  margin-left: 80px;
  text-decoration: none;
}
</style>
